article{
	width:1000px;
	height:210px;
	overflow: hidden;
	margin: 45px auto;
}

article section{
	float: left;
	margin-right:20px;
	border:5px solid #C4C4C4;
	width:300px;
	height:200px;
	position: relative;

	
}


article section p{
	width:96.8%;
	font-size:15px;
	background-color: rgba(0,0,0,0.7);
	text-transform:lowercase;
	text-align:left;
	color: white;
	bottom:0;
	padding: 5px;
	position: absolute;
}
button{
	border:0px;
	background-color: #A2C852;
	text-transform:uppercase;
	font-size:15px;
	color: white;
	cursor: pointer;
	border-radius: 5px;
	padding: 7px 15px;
	font-family: time new romans;
	font-weight: bold;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.3)
}

footer {
	position: fixed; bottom: 0px; z-index: 9999;
}


div#lightbox{
	width:800px;
	height:553px;
	border:3px solid #fff;
	position: absolute;
	z-index: 11111222;
	background-color: #000;
	display: none;
	top: 100px
}
div#lightbox p,
div#lightbox img{
	position: absolute;
}
div#lightbox p{
	width:98.8%;
	background-color:rgba(0,0,0,0.85);
	padding: 5px;
	bottom:0;

}
div#gray{
	width:100%;
	height:100%;
	position: absolute;
	z-index: 1111111;
	background-color:rgba(0,0,0,0.8);
	display: none;
	cursor: pointer;
	text-align:center;
}
div#gray a{
	display: block;
	width:100px;
	color: #000;
	background-color: #fff;
	padding: 5px;
	float: right;
	text-decoration:none;
}
